<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<script src="jquery-1.10.1.min.js"></script>
	<script type="text/javascript">
	window.onload = function () {
		// $('#div1').css('background-color', 'pink');					//如果对象是window或document或this等则不要加引号！！！
		// $('.span1').css('background-color', 'gray')					//但是body就要加引号！！！！

		// $('li').css('background-color', 'yellow')					//想比较于js省去了循环操作
		// $('li:first').css('background-color', 'red');
		// $('li:last').css('background-color', 'blue');
		// $('li:eq(2)').css('background-color', 'green');				//选择第几个eq()

		// $('li:odd').css('background-color', 'black');				//odd偶数行
		// $('li:even').css('background-color', 'black');				//even奇数行

		// $('li').filter('.haha').css('background-color', 'red');		//过滤筛选
		// $('li').filter('[title]').css('background-color', 'red');	//非id、class情况下用[]
	}
	</script>
</head>
<body>
	<div id="div1">111</div>
	<span class="span1">222</span>
	<ul>
		<li title="hello"></li>
		<li title="hello"></li>
		<li class="haha"></li>
		<li></li>
		<li class="haha"></li>
	</ul>
</body>
</html>